.dile-drawer {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 0;
  .el-drawer__header {
    padding: var(--dile-drawer-item-padding);
    margin: 0;
    flex: 2rem 0 0;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
    span {
      font-weight: 700;
      color: #2a2a2a;
      font-size: 0.875rem;
    }
  }
  .el-drawer__body {
    padding: var(--dile-drawer-item-padding);
    .el-card__body {
      > div {
        width: 100%;
      }
    }
  }
  .el-drawer__footer {
    flex: 3.2rem 0 0;
    border-top: 1px solid var(--border-color);
    padding: 0 var(--dile-drawer-item-padding);
    box-shadow: 0px -5px 8px rgba(170, 170, 170, 0.349019607843137);
    &,
    .drawer-footTool {
      display: flex;
      align-items: center;
      justify-content: flex-end;
    }
  }

  --dile-drawer-item-padding: 1rem;
}
